<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
</head>
<body>
	<form class="form-horizontal" id="form">
		<#assign col=0>
		<div class="form-group">
			<#list formList as list> <#if collte 12> <#assign
				col=col + list.labelCol + list.dataCol> <#else>
		</div>
		<div class="form-group">
			<#assign col=list.labelCol + list.dataCol> </#if> <label
				class="col-sm-${list.labelCol} control-label">
				${list.labelName}</label> <#if list.dataType ?index_of('input')gt -1 >
			<div class="col-sm-${list.dataCol}">
				<input type="${list.dataType}" name="${list.fieldName}"
					value="${list.defaultValue}" placeholder="${list.placeholder}">
			</div>
			</#if> <#if list.dataType=="select">
			<div class="col-sm-${list.dataCol}">
				<select name="${list.fieldName}" data-url="${list.url}"></select>
			</div>
			</#if> <#if list.dataType=="textarea">
			<div class="col-sm-${list.dataCol}">
				<textarea name="${list.dataType}" placeholder="${list.placeholder}"
					row="${list.textLine}">${list.defaultValue}</textarea>
			</div>
			</#if> <#if list.dataType== "checkbox" || list.dataType=="radio" >
			<ul class="col-sm-${list.dataCol} form-list" data-type="${list.type}"
				data-ur="${list.url}" data-name="${list.fieldName}">
				<li><input type="${list.type}" name="${list.fieldName}">
					<label>Option1</label></li>
			</ul>
			</#if> </#list>
		</div>
		<!-- 		<div class="form-group"> --> <!-- 			<label class="col-sm-2 control-label"> Project type</label> -->
		<!-- 			<ul class="col-sm-4 form-list"> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-1" -->
		<!-- 					checked> <label>Choice 1</label></li> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-2"> -->
		<!-- 					<label>Choice 2</label></li> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-3"> -->
		<!-- 					<label>Choice 3</label></li> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-3"> -->
		<!-- 					<label>Choice 3</label></li> --> <!-- 			</ul> --> <!-- 			<label class="col-sm-2 control-label"> Project type</label> -->
		<!-- 			<ul class="col-sm-4 form-list"> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-1" -->
		<!-- 					checked> <label>Choice 1</label></li> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-2"> -->
		<!-- 					<label>Choice 2</label></li> --> <!-- 				<li><input type="radio" name="radio-button" id="cd-radio-3"> -->
		<!-- 					<label>Choice 3</label></li> --> <!-- 			</ul> --> <!-- 		</div> -->
		<!-- 		<div class="form-group"> --> <!-- 			<label class="col-sm-2 control-label"> Features</label> -->
		<!-- 			<ul class="col-sm-4 form-list"> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-1"> <label>Option -->
		<!-- 						1</label></li> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-2"> <label>Option -->
		<!-- 						2</label></li> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-3"> <label>Option -->
		<!-- 						3</label></li> --> <!-- 			</ul> --> <!-- 			<label class="col-sm-2 control-label"> Features</label> -->
		<!-- 			<ul class="col-sm-4 form-list"> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-1"> <label>Option -->
		<!-- 						1</label></li> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-2"> <label>Option -->
		<!-- 						2</label></li> --> <!-- 				<li><input type="checkbox" id="cd-checkbox-3"> <label>Option -->
		<!-- 						3</label></li> --> <!-- 			</ul> --> <!-- 		</div> --> <!-- 		<div class="form-group"> -->
		<!-- 			<label class="col-sm-2 control-label"> description</label> -->
		<!-- 			<div class="col-sm-10"> --> <!-- 				<textarea name="cd-textarea" ></textarea> -->
		<!-- 			</div> --> <!-- 		</div> --> <!-- 	</form> -->
</body>

</html>